<template>
	<page-loading :show="dataObj">
		<view class="container" v-if="dataObj">
			<view class="mids boxS mainMsg flex" @click="goDetail">
				<view class=""><i-icon icon="iconxun" class="mr-5 mt-5" type="single" size="36rpx" color="#FCD31F"></i-icon></view>
				<view class="width-90">
					<view class="flex font30 color-333">{{ dataObj.branb_name }} {{ dataObj.car_type_name }} {{ dataObj.car_name }}</view>
					<view class="flex pad-t-b-15 font-26">
						<view class="width-25   color-999">类型：</view>
						<view class="color-333">
							{{ dataObj.specificationName }}
							<!-- {{ dataObj.facade_pictureList[0].outerColour.color }}/{{ dataObj.facade_pictureList[0].inColour.color }}-->
						</view>
					</view>
					<view class="flex  font-26">
						<view class="width-25   color-999">卖：</view>
						<view class="color-333">{{ dataObj.region_limit_name }}</view>
					</view>
					<view class="flex pad-t-b-15 font-26">
						<view class="width-25   color-999">发布时间：</view>
						<view class="color-333">{{ backTime(dataObj.addTime, 1) }}</view>
					</view>
					<view class="flex  font-26">
						<view class="width-25   color-999">询价人：</view>
						<view class="color-333">
							{{ gethideshow(dataObj.truename) }}
							<i-icon icon="iconshenfenrenzheng" type="single" class="ml-10 middle" size="44rpx" color="#60C634"></i-icon>
						</view>
						<view class="width-55 u-text-right font-26 color-999">
							指导价：
							<text class="color-333">{{ dataObj.price }}</text>
						</view>
					</view>
				</view>
				<view class=""><i-icon icon="iconfanhui" class="mr-5 rotate180 middle" type="single" size="36rpx" color="#666"></i-icon></view>
			</view>
			<view class="mids boxS pad5 ">
				<view class="border-bottom-1 pad-t-b-10 font-28 color-333">报价方列表（{{ total }}）</view>
				<view class="flex pad-t-b-10 font-26 color-666">
					<view class="width-50 u-text-center flex flex-jc-c">
						<view :class="sortDistance ? 'color-FBB000' : ''" @click="cancelSort(1)">距离</view>
						<view class="ml-5">
							<view class="line0">
								<u-icon @click="sort(1, 1)" class="block" name="arrow-up-fill" size="24" top="1" :color="distanceSorting === 1 ? '#FBB000' : '#999'"></u-icon>
							</view>
							<view class="line0">
								<u-icon @click="sort(1, 2)" class="block" name="arrow-down-fill" size="24" top="-10" :color="distanceSorting === 2 ? '#FBB000' : '#999'"></u-icon>
							</view>
						</view>
					</view>
					<view class="width-50 u-text-center flex flex-jc-c">
						<view :class="sortPrice ? 'color-FBB000' : ''" @click="cancelSort(2)">价格</view>
						<view class="ml-5">
							<view class="line0"><u-icon @click="sort(2, 1)" class="block" name="arrow-up-fill" size="24" top="1" :color="priceSorting === 1 ? '#FBB000' : '#999'"></u-icon></view>
							<view class="line0">
								<u-icon @click="sort(2, 2)" class="block" name="arrow-down-fill" size="24" top="-10" :color="priceSorting === 2 ? '#FBB000' : '#999'"></u-icon>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="">
				<view class="Quotailslist" v-for="(item, index) in quotedList" :key="index">
					<view class="pad-t-b-20 pl-15 border-bottom-1" @click="goStore(item.store_Id)">
						<i-icon icon="icondianpu" class="mr-5  middle" type="single" size="42rpx" color="#FBD220"></i-icon>
						<text class="font-30 color-333 font-bold">{{ item.store_Name }}</text>
						<i-icon icon="iconbaozhang" class="mr-5 ml-5 middle" type="single" size="32rpx" color="#FBD220"></i-icon>
						<i-icon icon="iconfanhui" class="mr-5 rotate180 middle" type="single" size="28rpx" color="#666"></i-icon>
						<!-- <text  v-if="item.trading"  class="font-24 color-999 ml-60">已发起</text> -->
					</view>
					<view class="list flex mt-10">
						<view class="width-50 flex">
							<view class="width-40">报价：</view>
							<view class="color-EB5B01 font-28">¥{{ item.quoted_Price }}</view>
						</view>
						<view class="width-50">指导价：{{ item.price }}</view>
					</view>
					<view class="list">
						<view class="width-100 flex">
							<view class="width-20 ">地址：</view>
							<view class="">{{ item.car_Source_Region_Name }}</view>
						</view>
					</view>
					<view class="list">
						<view class="width-100 flex">
							<view class="width-20 ">报价时间：</view>
							<view class="">{{ backTime(item.addTime, 2) }}</view>
						</view>
					</view>
					<view class="list">
						<view class="width-100 flex">
							<view class="width-20 ">截止日期：</view>
							<view class="width-50">{{ backTime(item.deadline, 2) }}</view>
							<view class="width-30 u-text-right"><u-count-down :font-size="26" :timestamp="item.betweenTime"></u-count-down></view>
						</view>
					</view>
					<view class="list color-EB5B01 border-bottom-1 pb20">商家备注： {{ item.remark }}</view>
					<view class="list">
						<view class="concatBtn" @click="call(item.phone)">
							<i-icon icon="icondianhua" class="middle mr-10" type="multiple" size="34rpx"></i-icon>
							电话联系
						</view>
						<view class="concatBtn" @click="contactSeller(item)">
							<i-icon icon="iconxiaoxi1" class="middle mr-10" type="multiple" size="34rpx"></i-icon>

							发消息
						</view>
						<view class="">
							<view v-if="item.trading" class="btn-bg-yellow color-333 bg-f6">发起交易</view>
							<view v-else class="btn-bg-yellow color-333" @click="goInitiatingContract(item)">发起交易</view>
						</view>
					</view>
				</view>
				<u-loadmore class="pad-t-b-10" :status="loadText[loadTextIndex]" icon-type="flower" />
			</view>
		</view>
	</page-loading>
</template>

<script src="./hasQuotedForTheCar.js"></script>

<style scoped lang="scss">
@import './hasQuotedForTheCar.scss';
@import '../detailsForTheCar/detailsForTheCar.scss';
@import '../style/common.scss';
</style>
